<template>
    <div class="app-container">
        <el-upload
            ref="upload"
            :limit="1"
            accept=".xlsx, .xls"
            :headers="upload.headers"
            :action="upload.url + '?updateSupport=' + upload.updateSupport"
            :disabled="upload.isUploading"
            :on-progress="handleFileUploadProgress"
            :on-success="handleFileSuccess"
            :auto-upload="false"
            drag
        >
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">
            将文件拖到此处，或
            <em>点击上传</em>
            </div>
            <div class="el-upload__tip" slot="tip">
            <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
            <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>
            </div>
            <div class="el-upload__tip" style="color:red" slot="tip">提示：仅允许导入“xls”或“xlsx”格式文件！</div>
        </el-upload>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="submitFileForm">确 定</el-button>
            <el-button @click="upload.open = false">取 消</el-button>
        </div>
    </div>
</template>
  
<script>
    import { setToken, getToken, setLesseeId } from '@/utils/auth'
    import requestCrm from '@/utils/requestCrm'
    export default {
        name: "crmMiddleImport",
        data() {
            return {
                msg:'',
                // 用户导入参数
                upload: {
                    // 是否显示弹出层（用户导入）
                    open: false,
                    // 弹出层标题（用户导入）
                    title: "",
                    // 是否禁用上传
                    isUploading: false,
                    // 是否更新已经存在的用户数据
                    updateSupport: 0,
                    // 设置上传的请求头部
                    headers: { Authorization: "Bearer " + getToken() },
                    // 上传的地址
                    url: process.env.VUE_APP_BASE_API + "/gdf/gdfinfo/importData"
                }
            };
        },
        created() {
            let token = this.$route.query.token
            if(token){
                setToken(token)
                this.$store.commit('SET_TOKEN', token)
                setLesseeId('13')
                this.$store.commit('SET_LESSEEID', '13')
            }
        },
        methods: {
            getKhbq(){
                requestCrm({
                    url:'WxService?method=getRoomDesignByCrmid',
                    method: 'post',
                    data: {
                        CRM_ID: this.custId
                    }
                }).then(res=>{
                    let ID = res.data.ID
                    if(ID){
                        requestCrm({
                            url:'WxService?method=getRoomDesign',
                            method: 'post',
                            data: {
                                ID
                            }
                        }).then(res=>{
                            this.khbq[0].lcsj=res.data.STATUS
                        })
                    }
                })
            }
        }
    };
</script>
  